#box{
    width: 100%;
    height: auto;
    position: relative;
}
.bgimg{
    background: url('http://192.168.104.43/static/img/background.2ff968a9.png') ;
    /* background-size: cover; */
}
.center{
    width: 350px;
    height: 689.760px;
    /* background-color: burlywood; */
    display: flex;
    flex-direction: column;
}
.top{
    margin: 114px 0 30px;
}
.h1{
    font-size: 28px;
}
h1{
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 349.998px;
    height: 84.615px;
}
.small{
    font-size: 22.4px;
    margin-top: 10px;
}
.land{
    box-sizing: border-box;
    font-size: 14px;
    width: 349.99px;
    height: 40px;
    position: relative;
    /* border: solid 1px; */
}
.land-box1{
    height: 40px;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    position: relative;
    border-bottom: #E4E7ED 2px solid;
}
#land-box-a:hover{
    color: #409EFF !important;
}
#land-box-b:hover{
    color: #409EFF !important;
}
.land div div:first-child{
    /* text-align: center; */
    height: 40px;
    box-sizing: border-box;
    width: 175px;
    padding: 0 0 10px 0;
    color: #409EFF;
    /* border-bottom: solid 2px blue; */
    cursor: pointer;
    /* transform: scaleX(20px); */
}
.land div div:last-child{
    /* text-align: center; */
    height: 28px;
    cursor: pointer;
    width: 175px;
    padding: 0 0 10px 0;
    transform: all 0.8s;
    /* border-bottom: solid 2px; */
}
#land-sp{
    position: absolute;
    width: 175px;
    bottom: -1px;
    left: 0;
    border-bottom: solid 3px #409EFF;
    /* height: 2px; */
    /* background-color: blue; */
}
/* 账号登陆 */
.input{
    /* display: flex; */
    /* flex-direction: column; */
    margin-top: 15px;
    width: 349.99px;
    /* background-color: white; */

}
.pp1,.pp2,.pp3,.pp4{
    height: 20px;
}

.input-box{
    display: flex;
    /* justify-content: space-between; */
    height: 40px;
    /* margin-bottom: 20px; */
    border-radius: 5px;
    border: solid 1px;
    background-color: white;

}
.inp1{
    border:none;
    padding: 0 70px 0 0px;
    color: #C0C4CC;
    /* margin-left: 15px; */
}
.input-box div:first-child{
    margin-left: 0;
    background-color: white;
    /* border: solid 1px; */
    width: 14px;
    height: 14px;
    background: url(../image/z.png) no-repeat;
    margin: 14px 0 0  10px;
}
.input-box div:last-child{
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    color: #9E9399;
}
.input-box2{
    display: flex;
    /* justify-content: space-between; */
    height: 40px;
    /* margin-bottom: 15px; */
    border-radius: 5px;
    border: solid 1px;
    background-color: white;

}

.input-box2 .inp2{
    /* border:none; */
    padding: 0 120px 0 5px;
    color: #C0C4CC;
    /* margin-left: 15px; */
}
.input-box2 div:first-child{
    margin-left: 0;
    /* border: solid 1px; */
    width: 14px;
    height: 14px;
    /* height: 40px; */
    background: url(../image/m.png) no-repeat;
    margin: 14px 0 0  10px;
}
.p{
    color: #f56c6c;
    font-size: 14px;
}
.dl{
    width: 349.99px;
    height: 39.98px;
    /* display: flex; */
}
.dl p{
    background-color: #409EFF;
    color: white;
    cursor: pointer;
    padding: 12px 20px;
    text-align: center;
    border-radius: 5px;
}
/* 手机号登陆 */
.ip{
    display: none;
    /* display: flex; */
    /* flex-direction: column; */
    margin-top: 15px;
    width: 349.99px;
    /* background-color: white; */

}
.ip-box22{
    display: flex;
}
.ip-box22 span{
    background-color: #67C23A;
    color: white;
    line-height: 40px;
    font-size: 14px;
    border-radius: 5px;
    margin-left: 15px;
    padding: 0 15px;
    height: 40px;
    cursor: pointer;
}
.ip-box{
    display: flex;
    /* justify-content: space-between; */
    height: 40px;
    /* margin-bottom: 20px; */
    border-radius: 5px;
    background-color: white;

    border: solid 1px;
}
.inp1{
    border:none;
    padding: 0 70px 0 0px;
    color: #C0C4CC;
    /* margin-left: 15px; */
}
.ip-box div:first-child{
    margin-left: 0;
    background-color: white;
    /* border: solid 1px; */
    width: 14px;
    height: 14px;
    background: url(../image/iPhone.png) no-repeat;
    margin: 14px 0 0  10px;
}
.ip-box div:last-child{
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    color: #9E9399;
}
.ip-box2{
    display: flex;
    /* justify-content: space-between; */
    height: 40px;
    /* width: 229.90px; */
    /* border: solid 5px; */
    /* margin-bottom: 15px; */
    border-radius: 5px;
    border: solid 1px;
    background-color: white;

}
.inp2{
    border:none;
    padding: 0 10px 0 10px;
    color: #C0C4CC;
    /* margin-left: 15px; */
}
.ip-box2 div:first-child{
    margin-left: 0;
    /* border: solid 1px; */
    width: 14px;
    height: 14px;
    /* height: 40px; */
    background: url(../image/m.png) no-repeat;
    margin: 14px 0 0  10px;
}
/* 二维码 */
.zc{
    width: 349.99px;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    color: #409EFF;
    font-size: 14px;
    cursor: pointer;
}
.zc div:first-child{
    margin-left: 0;
}
.zc div:last-child{
    margin-right: 0;
}
.zc div a{
    color: #409EFF;

}
.code{
    width: 349.99px;
    height: 203.5px;
    /* border: solid 1px; */
}
.code div{
    margin-top: 20px;
    display:flex;
    flex-direction: column;
}
.code div div{
    width: 130px;
    height: 130px;
    background: url('http://192.168.104.43/static/img/m.0c3af3b8.png') ;
    background-size: cover;
}
.floot{
    width: 100%;
    height: 30px;
    font-size: 14px;
    margin-top: 143.99px;
    text-align: center;
}
/* fooget */
.big-ft-box{
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    display: none;

}
.forget{
    /* display: none; */
    /* height: 350px; */
    position: absolute;
    border: solid 1px #E4E7ED;
    border-radius: 5px;
    padding: 20px;
    top: 150px;
    left: 500px;
    background-color: white;
    /* box-shadow: 0  0 500px; */
}
.forget-box{
    /* border: solid; */
    margin-bottom: 25px;
}
.ft-x{
    margin-left: 430px;
    cursor: pointer;
}
.forget form{
    /* width: 550px; */
    /* border: solid 1px; */
    margin-left: 60px;
}
.dyg{
    display: flex;
    /* border: solid 1px; */
    margin: 25px 0 0 0;
    height: 35px;
    line-height: 35px;
}
.pp5,.pp6,.pp7,.pp8{
    height: 20px;
    line-height: 20px;
}
.pp5,.pp6,.pp7,.pp8 p{
    /* border: solid 1px; */
    width: 240px;
}



.ft-sp{
    color: red;
    font-size: 12px;
}
.dyg div{
    border: solid 1px #DCDFE6;
    border-radius: 5px;
    margin-left: 10px;
}
.dyg input{
    border: none;
    padding: 0 120px 0 0;
}
.ft1-sp1{
    color: #949597;
    font-size: 12px;
    /* margin-bottom: 15px; */
    margin-right: 5px;
}
.deg{
    display: flex;
    margin: 0px 0 0px -10px;
}

.ft2-sp1{
    margin-left: -4px;
} 
.deg input{
    border: solid 1px #DCDFE6;
    border-radius: 5px;
    margin-left: -5px;
}
.forget .ft2-sp2{
    border-radius: 5px;
    border: solid 1px #DCDFE6;
    font-size: 14px;
    padding: 05px 10px;
}
.ft-d1{
    /* border: solid; */
    display: flex;
    margin-left: 15px;
    /* margin-bottom: 25px; */
}
.ft-d1 span:nth-child(1){
    line-height: 30px;
}
.ft-d1 span:nth-child(2){
    line-height: 30px;
    margin-right: 20px;
}
.ft-d1 input{
    border: solid 1px #DCDFE6;
    padding: 0 150px 0 0;
    height: 30px;
    border-radius: 5px;
    /* margin-left: -5px; */
}
.ft-d2{
    /* border: solid; */
    display: flex;
    margin-left: -15px;
    /* margin-bottom: 15px; */
}
.ft-d2 span:nth-child(1){
    line-height: 30px;
}
.ft-d2 span:nth-child(2){
    line-height: 30px;
    margin-right: 15px;
}
.ft-d2 input{
    border: solid 1px #DCDFE6;
    padding: 0 150px 0 0;
    height: 30px;
    border-radius: 5px;
    /* margin-left: -5px; */
}
.low{
    margin-top: 50px;
    margin-left: 360px;
    font-size: 14px;
}
.low span{
    border-radius: 5px;
    border:solid 1px ;
    padding: 10px 20px;
    color: white;
}
.low span:nth-child(1){
    background-color: orange;
    cursor: pointer;
}
.low span:nth-child(2){
    cursor: pointer;
    background-color: blue;
}
/* <!-- 忘记密码后的关闭 --> */
.close-box{
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    display: none;
}
.close{
    width: 420px;
    height: 117.17px;
    background-color: white;
    border-radius: 5px;
    position: absolute;
    top: 250px;
    left: 550px;
    /* display: none; */
}
.cl-0{
    /* border: solid 1px; */
}
.cl-0 span{
    margin-left: 400px;
    color: #737478;
    cursor: pointer;
}
.cl-1{
    /* border: solid 1px; */
    /* margin-top: 30px; */
    margin-left: 15px;
}
.cl-1 span{
    font-size: 14px;
    color: #737478;
}
.cl-1 span:nth-child(2){
    margin-left: 300px;
}
.cl-2{
    margin-top: 20px;
    margin-left:280px ;
}
.cl-2 span:nth-child(1){
    cursor: pointer;
    border: solid 1px #DCDFE6;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 5px;
}
.cl-2 span:hover{
    background-color: #ECF5FF;
}
.cl-2 span:nth-child(2){
    cursor: pointer;
    background-color: #409EFF;
    color: white;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 5px;
}
